#layout{
    padding-top: 0.44rem;
    .fz12{
        font-size: 0.12rem;
    }
    .fz10{
        font-size: 0.1rem;
    }
    .fz14{
        font-size: 0.14rem;
    }
    .fz16{
        font-size: 0.16rem;
    }
    .gray-6{
        color: #666;
    }

    .gray-9{
        color: #999;
    }
    .white{
        color: #fff;
    }

    .top{
        position: fixed;
		top: 0;
		left: 0;
		z-index: 22;
        width: 100%;
        height: 0.44rem;
        line-height: 0.44rem;
		background: #1448ae;	
        padding: 0 0.21rem;
        display: flex;
        justify-content: space-between;
        .back{
			width: 0.15rem;
			height: 0.2rem;
			color: transparent;
			line-height: 999rem;
			overflow: hidden;
			margin-top: 0.13rem;
			background: url(../images/icon/sprites.png) no-repeat -0.51rem -0.16rem;
			background-size: 3.75rem auto;
			
        }
        h3{
            margin-left: 0.1rem;
            font-weight: normal;
        }
    }

    .wrapper{
        .content{
            .main{
                padding: 0 0.12rem;
                .history-list{
                    p.day{
                        // line-height: 0.3rem;
                       margin-top: 0.1rem;
                    }
                    .history-item{
                        margin-bottom: 0.12rem;
                        display: flex;
                        justify-content: space-between;
                        .icon-box{
                            width: 9%;
                            margin-top: 0.05rem;
                            position: relative;
                            span{
                                display: inline-block;
                                width: 0.25rem;
                                height: 0.25rem;
                                border-radius: 50%;
                                background: #1ab2db;
                                .icon{   
                                    display: block; 
                                    width: 0.17rem;
                                    height: 0.17rem;
                                    margin-top: 0.05rem;
                                    margin-left: 0.03rem;
                                    background: url(../images/icon/sprites.png) no-repeat -3.41rem  -1.31rem;
                                    background-size: 3.75rem auto;
                                }
                            }
                            .line{
                                position: absolute;
                            }
                          
                        }
                        .history-desc{
                            width: 89%;
                            background: #f4f4f4;
                            padding: 0.13rem 0.09rem;
                            border-radius: 6px;
                            position: relative;
                            &:before{
                                position: absolute;
                                left: -0.15rem;
                                top: 0.1rem;
                                content: '';
                                font-size: 0;
                                line-height: 0;
                                border: 0.08rem solid transparent;
                                border-right: 0.08rem solid #f4f4f4;
                                width: 0;
                                height: 0;
                            }
                            a{
                                display: flex;
                                justify-content: space-between;
                                .txt-box{
                                    width: 68%;
                                    p{
                                        line-height: 0.2rem;
                                        overflow: hidden;
                                        text-overflow: ellipsis;
                                        display: box;
                                        display: -webkit-box;
                                        -webkit-line-clamp: 2;
                                        -webkit-box-orient: vertical;
                                        
                                    }
                                    .prize{
                                        span{
                                            color: #f88412;
                                        }
                                        margin-top: 0.07rem;
                                    }
                                }
                                .img-box{
                                    width:26%;
                                    img{
                                        border-radius: 5px;
                                        // width: 85%;
                                    }
                                }
                            }
                        }
                       
                    }
                }
            }
        }
    }
}